<!DOCTYPE html>
<html lang="en-US">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<head>
    <title> Hwcorp - {% block title %}untitled {% endblock %}</title>

    <link rel="stylesheet" href="/media/css/main.css" type="text/css" ></link>
    <script src="/media/js/jquery.js" type="text/javascript"></script>
	<script src="media/js/main.js" type="text/javascript"></script>
    
    {% block css %}{% endblock %}
    {% block js %}{% endblock %}
    {% block head%} {% endblock %}

</head>
<body>
<div id="swapper">
    <div id="header">
        <div id="banner"><a href="/">HW's Official Site</a></div>
        <div id="top-menu">
            <ul id="menu">
                <li><a href="/"><span>Home</span></a></li>
                <li><a href="/blog"><span>Blog</span></a></li>
                <li><a href="/map"><span>Map</span></a></li>                
                <li><a href="/about"><span>About</span></a></li>
                <li><a href="/contact"><span>Contact</span></a></li>
                
            </ul>

            {%if user.is_authenticated%}
                <span class="logout"> hello, {{user.username}} <a href="/logout">logout</a></span>
            {%else%}
                <span class="login"> 
                    <form name="input" action="/login" method="post">
                    {% csrf_token %}
                        <input type="text" name="username" />
						<input type="password" name="password" value="" id="password" />
                        <input type="submit" value="login" />
                    </form>
                    </span>
            {%endif%}
        </div>
    </div>
    
    <div id="content-wrapper">
        <div id="content">
            {%block content%}
            {%endblock%}
        </div>
        
        <div id="sidebar">
            <div id="profile-img">
                <img class="profile-pic" src="/media/img/owner.jpg" alt="Profile Picture" longdesc="http://haihw.com" />
            </div>
            <div id="info" class="info">
                <div class="org">Hwcorp Official Site</div>
                <div class="name">Founder: <a href="http://facebook.com/hai.hw" target="_blank">Hai Hw</a> </div>
                <div class="quote">Make It Simple & Perfect </div>        
            </div>
            
            {%block sidebar%}
            {%endblock%}
        </div>
        <div id="clear-page">
        </div>
    </div>
    <div id="footer">
        {% block footer %}
        {% endblock %}
        <span class="center-footer"> Copyright 2012 by Hwcorp. All Rights Reserved.</span>
    </div>
</div>    
</body>
</html>


